<template>
  <div>
    <main class="main">
      <textarea
        :readonly="readonly"
        class="textarea"
        type="textarea"
        style="resize: none"
        name="content"
        placeholder="请填写荣誉内容"
        v-model="content"
        >
      </textarea>
    </main>
  </div>
  </template>

<script>
export default {
  data(){
    return{
      readonly:false,
      content:''
    }
  }
}
</script>

<style lang="scss" scoped>
.main{
  margin: 0.16rem;
  .textarea {
    width: 100%;
    height: 1.4rem;
    background-color: #f2faff;
    border: none;
    padding: 0.12rem 0.16rem;
    box-sizing: border-box;
    font-family: PingFang SC-常规体, PingFang SC;
    font-weight: normal;
    line-height: 0.18rem;
  }
  .position{
    position: absolute;
    top: 50%;
    left:50%;
  }
}
</style>

